<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>squ_act_detail</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">

<link rel="stylesheet" href="css/mui.min.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/mui.min.js"></script>
<script src="js/jquery.js"></script>
<script src="js/main.js"></script>
<style>
	body{ background: #ffffff;}
</style>
</head>
<body>
	
	<div class="actrd_img_sec">
		<img src="images/1.png" alt="" />
		<div class="actrd_img_sibiling">
			<div class="img_top_bar">
				<i class="iconfont">&#xe602;</i>
				<em><i class="iconfont">&#xe629;</i><span>加心愿单</span></em>
				<em><i class="iconfont">&#xe622;</i><span>分享</span></em>
			</div>
			<div class="want_att">想参加</div>
			<div class="img_bottom_bar">
				<strong>周末的绿茶物语</strong>
				<span>美食 桌游</span>
			</div>
		</div>
	</div>
	
	<ul class="act_info list_style squ_detail_list">
		<li><i class="iconfont">&#xe623;</i><span>参加比赛地点</span></li>
		<li>
			<em>
				<i class="iconfont">&#xe625;</i><span>活动道具：</span>
			</em>
			<ol>
				<li><b>1. </b><span>扑克牌两副</span></li>
			</ol>
		</li>
		<li id="detail_fold">
			<em>
				<i class="iconfont">&#xe611;</i><span>活动详情：</span>
			</em>
			<ol>
				<li><b>1. </b><span></span></li>
				<li>...</li>
			</ol>
		</li>
	</ul>
	
	<div class="act_det_intro list_style" id="detail_unfold">
		<h2>活动详情</h2>
		<ol>
			<li>活动时间：2016年7月16日</li>
			<li>上午9:00车陂南C出口集合</li>
			<br/>
			<li>每人49元美团劵</li>
			<li>中午集合烧烤</li>
			<li>组织游戏</li>
			<li>唱歌</li>
			<br/><br/>
			<li>下午4：30活动结束</li>
			<li>全体集合返回</li>
		</ol>	
	</div>

	<div class="fold_btn iconfont">
		&#xe61f;
	</div>
	<ul class="act_det_com">
		<h3><i class="iconfont">&#xe62d;</i><span>类似活动评论</span></h3>
		<li>
			<div class="head_img">
				<img src="" alt="" />
			</div>
			<div class="comment_wrap">
				<span class="user_name">张强</span>
	        	<em class="per_lab">达人</em>
	        	<div class="com_mark">
					<i class="iconfont active">&#xe629;</i>
					<i class="iconfont">&#xe629;</i>
					<i class="iconfont">&#xe629;</i>
					<i class="iconfont">&#xe629;</i>
					<i class="iconfont">&#xe629;</i>
				</div>
				<div class="comment">
					今天的活动真好玩，希望多组织这样的活动。
				</div>
			</div>
		</li>
		<li>
			<div class="head_img">
				<img src="" alt="" />
			</div>
			<div class="comment_wrap">
				<span class="user_name">小陈</span>
	        	<em class="per_lab">达人</em>
	        	<div class="com_mark">
					<i class="iconfont active">&#xe629;</i>
					<i class="iconfont active">&#xe629;</i>
					<i class="iconfont">&#xe629;</i>
					<i class="iconfont">&#xe629;</i>
					<i class="iconfont">&#xe629;</i>
				</div>
				<div class="comment">
					今天的游戏真好玩，小张玩游戏真厉害！
				</div>
			</div>
		</li>
	</ul>
	
	
</body>
</html>







































